<template>
  <div class="rules-page">
    <div class="top">
      <div class="title"></div>
      <div class="sub-title"></div>
    </div>
    <div class="content">
      <div class="header"></div>
      <div class="body">
        <h6>奖品详情：</h6>
        <p>第一名奖金1万元</p>
        <p>第二名奖金5000元</p>
        <p>第三名奖金2000元</p>
        <p>前50名均有精美奖品</p>

        <h6>报名条件：</h6>
        <p>1.必须本人在徐州本地生活</p>
        <p>2.年龄 18-35岁</p>
        <p>3.香肠树入驻商户的推荐者优先</p>

        <h6>投票规则</h6>
        <p>参与投票的用户，每天可以投票四次，对同一位参赛选手，每天只可投票一次。每位用户的四次投票，第一次投票计4票，第二次计3票，第三次计2票，第四次计1票。</p>

        <h6>商业合作：</h6>
        <p>17165259999（微信电话同号）</p>
        <p>商家入驻电话：13685122011</p>
        <p>商家赞助或联名举办联系：17166239999(微信电话同号)</p>
        <p>为了保证用户质量，香肠树注册我们增加了邀请码。注册的时候，需要填写邀请码50EV8</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Rules'
}
</script>

<style scoped>
.rules-page .top {
  position: relative;
  background-image: url(../../static/img/rules-top-bg.png);
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  height: 722px;
}
.rules-page .top .title {
  height: 211px;
  background-image: url(../../static/img/top-title.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  padding-top: 100px;
}
.rules-page .top .sub-title {
  position: absolute;
  bottom: 90px;
  left: 0;
  right: 0;
  height: 113px;
  background-image: url(../../static/img/title-hdgz.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.rules-page .content {
  position: relative;
  top: -93px;
}
.rules-page .content .header {
  position: relative;
  top: 20px;
  height: 161px;
  align-items: center;
  background-image: url(../../static/img/subtitle-bg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
}
.rules-page .content .body {
  box-sizing: border-box;
  background-color: #f1e1ff;
  width: 92%;
  margin: 0 auto;
  padding: 100px 45px 200px;
  color: #333;
  font-size: 26px;
  text-align: left;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.rules-page .content .body h6 {
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 20px;
}
.rules-page .content .body p {
  line-height: 60px;
}
</style>


